<template><div>
	<div class="mask"><slot name="htmlContent"></slot></div> 
</div></template>

<script>

	export default { 

		data () {
			return { 
				
			}
		},

		methods : { 

		}
	}
</script>

<style scoped>
	.mask {
		position: fixed;
		left: 0px;
		top: 0px;
		height: 100%;
		width: 100%;
		background-color:rgba(0,0,0,0.6);
		z-index: 10000;

		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>